<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>
            体检报告
        </title>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
        name="viewport" />
        <meta content="no" name="apple-mobile-web-app-capable" />
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <meta content="telephone=no" name="format-detection" />
        <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css">
        <script src="__PUBLIC__/js/jquery.js" type="text/javascript">
        </script>
        <script src="__PUBLIC__/js/jquery-add-yu.js" type="text/javascript">
        </script>
    </head>

    <body>
        <div class="header">
        </div>
        <header>
            <strong class="s0{$user['sex']}">
                {$user['name']}<empty name="user.age">

                                    <else />
                                    |{$user['age']}岁
                                </empty>
            </strong>
           <!-- <span>
                汇总
            </span>-->
        </header>
        <!--固定内容-->
        <div class="main">
            <img src="__PUBLIC__/images/scales.png" width="95" class="scales">
            <p>
                <if condition ='!empty($user["weight"])'>
                    {$user['weight']}kg
                </if>
            </p>
            <div class="person">
                <if condition="$user['sex'] eq 1">
                    <if condition="$user['bmipic'] lt 0">
                        <img src="__PUBLIC__/images/male/m8.png" height="300">
                        <else/>
                        <img src="__PUBLIC__/images/male/m{$user['bmipic']}.png" height="300">
                    </if>
                    <else/>
                    <if condition="$user['bmipic'] lt 0">
                        <img src="__PUBLIC__/images/female/f8.png" height="300">
                        <else/>
                        <img src="__PUBLIC__/images/female/f{$user['bmipic']}.png" height="300">
                    </if>

                </if>
            </div>
        </div>
        <!--固定内容 结束-->
        <img src="__PUBLIC__/images/right.png" class="jt1">
        <img src="__PUBLIC__/images/left.png" class="jt2">
        <!--第一屏-->
        <div class="cont01 cont">
            <span class="h-zi">
                <if condition="!empty($user['height'])">
                    {$user['height']}cm
                </if>
            </span>
            <img src="__PUBLIC__/images/height.png" height="300" class="height">
            <div class="score" meurl="__ROOT__/index.php?m=Index&a=lists&reportid={$reportid}">
            <!--<div class="score" meurl="http://www.baidu.com"  target="_self" >-->
                <div>
                </div>
                <span>
                    {$user['pass']}%
                </span>
                <b>
                    体检合格率
                </b>
                <img src="__PUBLIC__/images/j1.png" width="122" height="122">
            </div>
            <div class="abnormal" meurl="__ROOT__/index.php?m=Index&a=unusual&reportid={$reportid}">
                <span>
                    {$user['issueitemcount']}
                </span>
                <b>
                    异常
                </b>
            </div>
            <div class="qualified" meurl="__ROOT__/index.php?m=Index&a=usual&reportid={$reportid}">
                <span>
                    {$user['passitemcount']}
                </span>
                <b>
                    合格
                </b>
            </div>
            <div class="date" id="val">
                体检日期{$user['examtime']}
            </div>
            <div class="bmi" meurl="__ROOT__/index.php?m=Index&a=bmiinfo&reportid={$reportid}">
                <div class="range-container">
                    <empty name="user['bmi']">
                            <span class="bmi-span" style="left:67.938px;">
                                <!-- left=( x - 7.6)*5.07 -->
                                21
                                <img src="__PUBLIC__/images/spot.png" />
                            </span>
                        <else />
                            <span class="bmi-span" style="left:{$user['bmip']}px;">
                                <if condition="$user['bmi'] neq 21">
                                    {$user['bmi']}
                                    <img src="__PUBLIC__/images/spot.png" />
                                </if>

                            </span>
                    </empty>
                    <span style="font-size: 12px; position:absolute; left: -4px; top: -3px">
                        BMI
                    </span>
                    <div id="range">
                    </div>
                    <div class="range-num" style="margin: -10px 0 0 0">
                        <span style="position: absolute; top: 10px; left: 50px; font-size: 12px">
                            15.8
                        </span>
                        <span style="position: absolute; top: 10px; left: 90px; font-size: 12px">
                            23
                        </span>
                        <span style="position: absolute; top: 10px; left: 136px; font-size: 12px">
                            30
                        </span>
                    </div>
                </div>
                <span class="text02">
                    查看
                </span>
            </div>
        </div>
        <!--第一屏 结束-->
        <div class="summary-01" id="summary">
        </div>
        <div class="summary-nr">
            <div class="summary-top">
            </div>
            <volist name="items" id="vo">
                <dl>
                    <dt>
                        {$vo.0}
                    </dt>
                    <foreach name="vo" item="voo" key="offsets">
                        <if condition="$offsets eq 0">
                            <else/>
                            <dd>
                                {$voo}
                            </dd>
                        </if>
                    </foreach>
                </dl>
            </volist>
        </div>
        <!--第二屏-->
        <div class="cont02 cont">
            <ul>
                <if condition="$itemcount[1] neq 0">
                    <li class="li01" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=1">
                        <if condition="$issuecount[1] eq 0">
                            <img src="__PUBLIC__/images/qg1.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x1.png" height="62" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg01.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x01.png" height="62" class="im01">
                            <span>
                                {$issuecount[1]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[2] neq 0">
                    <li class="li02" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=2">
                        <if condition="$issuecount[2] eq 0">
                            <img src="__PUBLIC__/images/qg2.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x2.png" height="49" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg02.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x02.png" height="49" class="im01">
                            <span>
                                {$issuecount[2]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[3] neq 0">
                    <li class="li03" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=3">
                        <if condition="$issuecount[3] eq 0">
                            <img src="__PUBLIC__/images/qg3.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x3.png" height="130" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg03.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x03.png" height="130" class="im01">
                            <span>
                                {$issuecount[3]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[4] neq 0">
                    <li class="li04" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=4">
                        <if condition="$issuecount[4] eq 0">
                            <img src="__PUBLIC__/images/qg4.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x4.png" height="90" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg04.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x04.png" height="90" class="im01">
                            <span>
                                {$issuecount[4]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[5] neq 0">
                    <li class="li05" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=5">
                        <if condition="$issuecount[5] eq 0">
                            <img src="__PUBLIC__/images/qg5.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x5.png" height="26" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg05.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x05.png" height="26" class="im01">
                            <span>
                                {$issuecount[5]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[6] neq 0">
                    <li class="li06" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=6">
                        <if condition="$issuecount[6] eq 0">
                            <img src="__PUBLIC__/images/qg6.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x6.png" height="125" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg06.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x06.png" height="125" class="im01">
                            <span>
                                {$issuecount[6]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[7] neq 0">
                    <li class="li07" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=7">
                        <if condition="$issuecount[7] eq 0">
                            <img src="__PUBLIC__/images/qg7.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x7.png" height="90" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg07.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x07.png" height="90" class="im01">
                            <span>
                                {$issuecount[7]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[8] neq 0">
                    <li class="li08" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=8">
                        <if condition="$issuecount[8] eq 0">
                            <img src="__PUBLIC__/images/qg8.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x8.png" width="75" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg08.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x08.png" width="75" class="im01">
                            <span>
                                {$issuecount[8]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="$itemcount[9] neq 0">
                    <li class="li09" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=9">
                        <if condition="$issuecount[9] eq 0">
                            <img src="__PUBLIC__/images/qg9.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x9.png" height="93" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg09.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x09.png" height="93" class="im01">
                            <span>
                                {$issuecount[9]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="($itemcount[10] neq 0) and ($user.sex neq 1)">
                    <li class="li010" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=10">
                        <if condition="$issuecount[10] eq 0">
                            <img src="__PUBLIC__/images/qg10.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x10.png" height="140" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg010.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x010.png" height="140" class="im01">
                            <span>
                                {$issuecount[10]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
                <if condition="($itemcount[11] neq 0) and ($user.sex neq 2)">
                    <li class="li011" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=11">
                        <if condition="$issuecount[11] eq 0">
                            <img src="__PUBLIC__/images/qg11.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x11.png" height="30" class="im01">
                            <span>
                                无异常
                            </span>
                            <else />
                            <img src="__PUBLIC__/images/qg011.png" width="60" class="tu01">
                            <img src="__PUBLIC__/images/x011.png" height="30" class="im01">
                            <span>
                                {$issuecount[11]}个异常项
                            </span>
                        </if>
                    </li>
                </if>
            </ul>
        </div>
        <div class="ts-zb">
            <span>
                <b class="b1">
                </b>
                无异常&nbsp;&nbsp;&nbsp;&nbsp;
                <b class="b2">
                </b>
                有异常
            </span>
        </div>
        <div class="bottom-add">
            <div class="ul">
                <if condition="$itemcount[1] neq 0">
                    <if condition="$issuecount[1] eq 0">
                        <img src="__PUBLIC__/images/qg1.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=1">
                        <else />
                        <img src="__PUBLIC__/images/qg01.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=1">
                    </if>
                </if>
                <if condition="$itemcount[2] neq 0">
                    <if condition="$issuecount[2] eq 0">
                        <img src="__PUBLIC__/images/qg2.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=2">
                        <else />
                        <img src="__PUBLIC__/images/qg02.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=2">
                    </if>
                </if>
                <if condition="$itemcount[3] neq 0">
                    <if condition="$issuecount[3] eq 0">
                        <img src="__PUBLIC__/images/qg3.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=3">
                        <else />
                        <img src="__PUBLIC__/images/qg03.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=3">
                    </if>
                </if>
                <if condition="$itemcount[4] neq 0">
                    <if condition="$issuecount[4] eq 0">
                        <img src="__PUBLIC__/images/qg4.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=4">
                        <else />
                        <img src="__PUBLIC__/images/qg04.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=4">
                    </if>
                </if>
                <if condition="$itemcount[5] neq 0">
                    <if condition="$issuecount[5] eq 0">
                        <img src="__PUBLIC__/images/qg5.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=5">
                        <else />
                        <img src="__PUBLIC__/images/qg05.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=5">
                    </if>
                </if>
                <if condition="$itemcount[6] neq 0">
                    <if condition="$issuecount[6] eq 0">
                        <img src="__PUBLIC__/images/qg6.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=6">
                        <else />
                        <img src="__PUBLIC__/images/qg06.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=6">
                    </if>
                </if>
                <if condition="$itemcount[7] neq 0">
                    <if condition="$issuecount[7] eq 0">
                        <img src="__PUBLIC__/images/qg7.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=7">
                        <else />
                        <img src="__PUBLIC__/images/qg07.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=7">
                    </if>
                </if>
                <if condition="$itemcount[8] neq 0">
                    <if condition="$issuecount[8] eq 0">
                        <img src="__PUBLIC__/images/qg8.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=8">
                        <else />
                        <img src="__PUBLIC__/images/qg08.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=8">
                    </if>
                </if>
                <if condition="$itemcount[9] neq 0">
                    <if condition="$issuecount[9] eq 0">
                        <img src="__PUBLIC__/images/qg9.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=9">
                        <else />
                        <img src="__PUBLIC__/images/qg09.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=9">
                    </if>
                </if>
                <if condition="($itemcount[10] neq 0) and ($user.sex neq 1)">
                    <if condition="$issuecount[10] eq 0">
                        <img src="__PUBLIC__/images/qg10.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=10">
                        <else />
                        <img src="__PUBLIC__/images/qg010.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=10">
                    </if>
                </if>
                <if condition="($itemcount[11] neq 0) and ($user.sex neq 2)">
                    <if condition="$issuecount[11] eq 0">
                        <img src="__PUBLIC__/images/qg11.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=11">
                        <else />
                        <img src="__PUBLIC__/images/qg011.png" meurl="__ROOT__/index.php?m=Index&a=organ&reportid={$reportid}&organid=11">
                    </if>
                </if>
            </div>
        </div>
        <img src="__PUBLIC__/images/apparatus01.png" class="bottom-add-img1">
        <img src="__PUBLIC__/images/apparatus03.png" class="bottom-add-img2">
        <!--第二屏 结束-->
        <script src="__PUBLIC__/js/jquery.touchwipe.min.js">
        </script>
        <script language="javascript">
            $(function() {
                /*开始动画*/
                //体检合格率
                var ix = 0;
                var iy = 0;
                var w = $(window).width();
                var h = $(window).height();
                var hg = 105 - {$user['pass']};
                var hgg = h - 25;
                var hhg = h - 45;
                var nn = 0;
                var nnl = 3;
                /*	$(".summary-01").css({top: hgg});
	$(".summary-nr").css({top: h});*/
                //$(".cont01").css({height: hhg});
                //$(".cont02").css({height: hhg});
                /*		$(window).resize(function(){
			w =  $(window).width();
			h =  $(window).height();
			hg = 50;
			hgg = h-25;
			hhg = h-45;
			if($("#summary").attr("class")== "summary-01"){
			$(".summary-01").css({top: hgg});
			$(".summary-nr").css({top: h});
			$(".cont01").css({height:hhg});
			$(".cont02").css({height:hhg});
			}
		});*/

                function ks() {
                    $(".score").animate({
                        opacity: 'show'
                    },
                    500);
                    $(".score div").animate({
                        top: hg + "%"
                    },
                    1000);
                    $(".qualified").animate({
                        top: 220,
                        opacity: 'show'
                    },
                    700);
                    $(".abnormal").animate({
                        left: 150,
                        opacity: 'show'
                    },
                    500);
                    $(".bmi").animate({
                        top: 380,
                        opacity: 'show'
                    },
                    500);
                    $(".height").animate({
                        left: 15,
                        opacity: 'show'
                    },
                    500);
                    $(".h-zi").animate({
                        top: 12,
                        opacity: 'show'
                    },
                    500);
                    $(".scales").animate({
                        top: 302,
                        opacity: 'show'
                    },
                    500);
                    $(".main p").animate({
                        top: 328,
                        opacity: 'show'
                    },
                    500);
                    $(".date").animate({
                        opacity: 'show'
                    },
                    700);
                    if ($(".person img[src*='male']").length == 1) {
                        $(".person").animate({
                            left: 20,
                            top: 30
                        },
                        500);
                    } else {
                        $(".person").animate({
                            left: 20
                        },
                        500);
                    }
                    $("#summary").fadeIn("slow");
                    $(".jt2").fadeOut("slow");
                    $(".jt1").fadeIn("slow");
                    $("header span").html("汇总");
                }
                ks();
                /*开始动画  结束*/
                /*视图一  结束*/
                function left1() {
                    $(".cont01").hide();
                    $(".score").animate({
                        opacity: 'toggle'
                    },
                    300);
                    $(".score div").animate({
                        top: "100%"
                    },
                    100);
                    $(".qualified").animate({
                        top: 250,
                        opacity: 'toggle'
                    },
                    500);
                    $(".abnormal").animate({
                        left: 180,
                        opacity: 'toggle'
                    },
                    500);
                    $(".bmi").animate({
                        top: 390,
                        opacity: 'toggle'
                    },
                    500);
                    $(".height").animate({
                        left: 0,
                        opacity: 'toggle'
                    },
                    500);
                    $(".h-zi").animate({
                        top: 0,
                        opacity: 'toggle'
                    },
                    500);
                    $(".scales").animate({
                        top: 352,
                        opacity: 'toggle'
                    },
                    500);
                    $(".main p").animate({
                        top: 408,
                        opacity: 'toggle'
                    },
                    500);
                    $(".date").animate({
                        opacity: 'toggle'
                    },
                    500);
                    if ($(".person img[src*='male']").length == 1) {
                        $(".person").animate({
                            left: 83,
                            top: 30
                        },
                        500);
                    } else {
                        $(".person").animate({
                            left: 83
                        },
                        500);
                    }

                    $("#summary").fadeOut("slow");
                    $(".jt1").fadeOut("slow");
                    $(".jt2").fadeIn("slow");
                };
                /*视图二  开始*/
                function left2() {
                    $(".cont02").fadeIn(1000);
                    $("header span").html("器官");
                    $(".bottom-add").animate({
                        top: 420
                    },
                    500).animate({
                        opacity: 'show',
                        top: 410
                    },
                    500);
                    $(".bottom-add-img1").animate({
                        top: 420
                    },
                    500).animate({
                        opacity: 'show',
                        top: 410
                    },
                    500);
                    $(".bottom-add-img2").animate({
                        top: 420
                    },
                    500).animate({
                        opacity: 'show',
                        top: 410
                    },
                    500);
                    $(".ts-zb").animate({
                        top: 370
                    },
                    500).animate({
                        opacity: 'show'
                    },
                    300);
                    $(".cont02 ul li:gt(" + nn + ")").show();
                    $(".cont02 ul li:eq(" + nn + ")").show();
                    $(".cont02 ul li:gt(" + nnl + ")").hide();
                    $(".cont02 ul li:lt(" + nn + ")").hide();
                };
                /*视图二  结束*/
                function left3() {
                    $(".bottom-add").animate({
                        opacity: 'toggle',
                        top: 420
                    },
                    200);
                    $(".bottom-add-img1").animate({
                        opacity: 'toggle',
                        top: 420
                    },
                    200);
                    $(".bottom-add-img2").animate({
                        opacity: 'toggle',
                        top: 420
                    },
                    200);
                    $(".ts-zb").animate({
                        opacity: 'toggle'
                    },
                    200);
                    $(".cont01").show();
                    $(".cont02").hide();

                };

                /*滑动动画  上下*/
                function sx() {
                    if ($("#summary").attr("class") == "summary-01") {
                        $("#summary").css("top", "45px");
                        $(".summary-nr").show();
                        $(".summary-nr").css("top", "70px");
                        $("#summary").addClass("summary-02").removeClass("summary-01");
                    } else {
                        $("#summary").css("bottom", "0px");
                        $("#summary").css("top", "auto");
                        $(".summary-nr").hide();
                        $("#summary").addClass("summary-01").removeClass("summary-02");
                    }

                }
                $("#summary").on('click',
                function() {
                    sx();
                });

                /*滑动动画  左右*/
                /*$(".cont").swipe({
      swipe:function(event, direction, distance, duration, fingerCount) {
		if($(".score").is(":animated")){
			}else{
			   if(direction=="right"){
				  if(i==0){
				  }else{

					i--;
					ks();
					left3();
					}

				}else if(direction=="left"){
				  if(i==1){
				  }else{
					i++;
					left1();
					left2();
				  }
				}
			  }
		 }
    });*/

                $(".jt1").on('click',
                function() {
                    ix++;
                    left1();
                    left2();
                });
                $(".jt2").on('click',
                function() {
                    ix--;
                    ks();
                    left3();
                });
                $(".cont").touchwipe({
                    wipeLeft: function() {
                        if ($(".score").is(":animated")) {} else {
                            if (ix == 1) {} else {
                                ix++;
                                left1();
                                left2();
                            }
                        }
                    },
                    wipeRight: function() {
                        if ($(".score").is(":animated")) {} else {
                            if (ix == 0) {} else {

                                ix--;
                                ks();
                                left3();
                            }
                        }
                    },
                    wipeUp: function() {
                        return false;
                    },
                    wipeDown: function() {
                        return false;
                    },
                    min_move_x: 20,
                    min_move_y: 50,
                    preventDefaultEvents: false
                });

                /*滚动器官*/
                $(".bottom-add").scroll(function() {
                    var leftn = $(".bottom-add .ul").position().left;
                    nn = Math.round( - leftn / 60);
                    nnl = nn + 3;
                    $(".cont02 ul li:gt(" + nn + ")").show();
                    $(".cont02 ul li:eq(" + nn + ")").show();
                    $(".cont02 ul li:gt(" + nnl + ")").hide();
                    $(".cont02 ul li:lt(" + nn + ")").hide();
                });

            });
        </script>
    </body>

</html>